<gm:page title="Nokia Messages" authenticate="true">
 
 <style>
    div.body {
       font-family: arial, san-serif;
       padding:20px;
    }
     
    div.header {
    }
     
    div.header h1 {
      padding-left: 5px;
      font-size: 35px;
      color: #0000FF;
     }
    div.header h1 span {
       font-size: 20px;
      color: #0000FF;
     }
 
    div.header h2 {
       padding-left: 5px;  
      font-size: 20px;
      color: gray;
    }
     
    div.navbar {
      background: #008000;
      padding:5px;
      color: black;
      width:100%;
      font-weight:bold;
    }
    
    div.navbar .selected {
      color:white;
    }   
    
    div.navbar a {
      color:black !important;
    } 
    
    
   div.navbar .separator {
      padding-left:10px;
      padding-right:10px;
    }   
    
    
    div.footer {
      clear:both;
      width:100%;
      padding-top:50px;
    }
   
    .date {
      font-size:15px;
      color:gray;
      padding-bottom:10px;
    }
    .opponent {
      font-size:15px
    }
    .location {
       color:gray;
    }
    .time {
      color:gray;
      font-size:15px;
    }
    .gm-gadget-list tbody.gm-item {
       border:none;
     }
    .teamName {
       padding:10px;
       font-size:15px;
       color:gray;
     }
    .infoData { 
       color:gray;
       padding-right:5px;
       padding-top:10px;
    }
    div.gm-header {
      background:none;
      color: #112ABB;
      padding:none;
    }
    
    .rosterHeader{
      padding: 5 0 5 0;
      border-top:1px solid #e6e6e6;
      border-bottom:1px solid #e6e6e6;
    }
    
    .newsHeader {
      font-size:18px;
      color:gray;
      padding:10 0 10 0;
    }   
   
   .gm-item-selected {
      background:#ffeac0;
   }
 








  </style>
    
  <div class="body">
    <div class="header"><h1>NOKIA<br/><span>Connecting People</span></h1></div>
   <div class="header"><h2> Wholesalers, News, Shopping and more...</h2></div>
   <div class="navbar"><span><a href="./index.html">Wholesalers</a></span><span class="separator">|</span><span><a href="./resources/news.html">News</span><span class="separator">|</span><span class="selected">Message Board</span><span class="separator">|</span><span><a href="./resources/shopping.html">Shopping</a></span><span class="separator">|</span><span><a href="./resources/maddprod.html">Admin-Add Wholesaler</a></span></div> 
   
    <div class="messageHeader" style="padding:25 0 10 0"><span style="color: #8A2BE2;font-size:25px;font-weight:bold"> Leave your comments and queries about Nokia here!</span></div>
    <div class="messages">
      <gm:list id="allMessages" data="${app}/messages" template="messagesTemplate" pageSize="25" selection="false" />
    </div>
     <div class="messageHeader" style="padding:15 0 0 5;color:gray;font-size:18px">Enter your own message.</div>
    <div class="newItem">
      <gm:item id="messageItem" data="${allMessages}" template="msItemTemplate" create="true"/>
   </div>
  </div>
  
  
 <gm:template id="msItemTemplate"> 
    <table style="margin-top:10px;">    
      <tbody repeat="true">
        <tr>
          <td style="padding:5px;">Subject: <br/><gm:text ref="atom:title" size="80"/></td>
        </tr> 
        <tr>
          <td style="padding:5px;">Message: <gm:textarea ref="atom:content" size="80" style="white-space:pre;display:inline"/></td>
        </tr> 
        <tr>
          <td style="padding:5px;">User:<br/> <gm:text ref="gd:user" size="80"/></td>
        </tr> 
        <tr>
          <td style="padding:5px;"><gm:editButtons text="true"/></td>
        </tr> 
       </tbody>
     </table>
  </gm:template>
  
  
 <gm:template id="messagesTemplate">
    <table style="margin-top:10px;">    
      <tbody repeat="true">
        <tr>
          <td style="padding:10 5 5 5;font-size:25px;font-weight:bold;color:#8A2BE2"><gm:text ref="atom:title" size="80"/></td>
        </tr> 
        <tr>
          <td style="padding-left:5px;color:gray">Posted by: <gm:text ref="gd:user" size="80" style="padding-left: 2px"/></td>
        </tr> 
        <tr>
          <td style="padding:5px;color:#008000"><gm:textarea ref="atom:content" size="80" style="white-space:pre"/></td>
        </tr> 
       </tbody>
     </table>
  </gm:template>
  
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2309750-1";
urchinTracker();
</script>
        
</gm:page>











 
